import { defineAsyncComponent } from 'vue'
// const child = defineAsyncComponent(() => import('@/views/example/dynamicimport/child.vue'))

export default {
    name: "example",
    path: "example",
    component: () => import("@/layout/index.vue"),
    redirect: "/example/i18n",
    children: [
      {
        name:"i18n",
        path: "i18n",
        meta:{title:["Example","i18n"]},
        component: () => import("@/views/example/i18n/index.vue"),
      },{
        name: "iconfont",
        path: "iconfont",
        meta:{title:["Example","iconfont"]},
        component: () => import("@/views/example/iconfont/index.vue"),
      },{
        name: "pinia",
        path: "pinia",
        meta:{title:["Example","pinia"]},
        component: () => import("@/views/example/pinia/index.vue"),
      },{
        name: "antd",
        path: "antd",
        meta:{title:["Example","antd"]},
        component: () => import("@/views/example/antd/index.vue"),
      },{
        name: "mockjs",
        path: "mockjs",
        meta:{title:["Example","mockjs"]},
        component: () => import("@/views/example/mockjs/index.vue"),
      },{
        name: "crud",
        path: "crud",
        meta:{title:["Example","crud"]},
        // component: () => import("@/views/example/crud/crud.vue"),
        component: defineAsyncComponent(() => import('@/views/example/crud/crud.vue'))
      },{
        name: "echart",
        path: "echart",
        meta:{title:["Example","echart"]},
        component: () => import("@/views/example/echart/index.vue"),
      },{
        name: "dynamic import",
        path: "dynamicimport",
        meta:{title:["Example","dynamic import"]},
        component: () => import("@/views/example/dynamicimport/index.vue"),
      }
    ]
  }